<div class="w-full flex items-center justify-center border-y py-4 my-8"
     th:classappend="${theme.config.post.content_width}">
    <div class="flex flex-row justify-between items-center w-full" th:with="postCursor = ${postFinder.cursor(post.metadata.name)}">
        <div class="flex w-1/2 items-center justify-center">
            <a
                    th:if="${postCursor.hasPrevious()}"
                    th:href="@{${postCursor.previous.status.permalink}}"
            >
                <div class="flex flex-row justify-end items-center">
                    <div class="flex flex-col justify-center items-end">
                        <p>上一篇</p>
                        <span class="link" th:text="${postCursor.previous.spec.title}"></span>
                    </div>
                </div>
            </a>
        </div>
        <div class="flex w-1/2 items-center justify-center">
            <a
                    th:if="${postCursor.hasNext()}"
                    th:href="@{${postCursor.next.status.permalink}}"
            >
                <div class="flex flex-row justify-start items-center">
                    <div class="flex flex-col justify-center items-start">
                        <p>下一篇</p>
                        <span class="link" th:text="${postCursor.next.spec.title}"></span>
                    </div>
                </div>
            </a>
            <p th:if="not ${postCursor.hasNext()}">已经到最后了</p>
        </div>
    </div>
</div>